// 移动端模式的头部

@include e-desktop {
    .e-header-mobile {
        display: none;
    }
}

// pad & 手机
@include e-tablet-and-mobile {
    .e-header-mobile {
        display: flex;
        justify-content: space-between;
        padding: 0 e-get($e-page-padding, mobile);
        height: e-get($e-header-config, client, mobile, default, height);
        position: relative;
        z-index: 2;

        &.e-header-mobile--fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: e-get($e-header-config, client, mobile, fixed, z-index);
        }

        // logo
        .e-header-mobile-logo {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-size: 18px;
            font-weight: 500;
        }

        // 工具栏
        .e-header-mobile-toolbar {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
    }
}